<p>[目录]
<!-- TOC --></p>

<ul>
  <li><a href="#zoomlacli-studio%e6%8e%a5%e5%8f%a3%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e">ZoomlaCLI-Studio接口使用说明</a>
    <ul>
      <li><a href="#%e7%89%88%e6%9c%ac%e4%bf%a1%e6%81%af">版本信息</a></li>
      <li><a href="#%e6%96%87%e6%a1%a3%e7%bb%93%e6%9e%84%e8%af%b4%e6%98%8e">文档结构说明</a></li>
      <li><a href="#zoomlacli-studio%e4%b8%ad%e7%9a%84models%e6%8e%a5%e5%8f%a3%e9%85%8d%e7%bd%ae%e9%a1%b9%e8%af%b4%e6%98%8e">ZoomlaCLI-Studio中的models接口配置项说明</a>
        <ul>
          <li><a href="#%e9%85%8d%e7%bd%ae%e6%96%87%e4%bb%b6">配置文件</a></li>
          <li><a href="#%e6%8e%a5%e5%8f%a3%e4%bf%a1%e6%81%af">接口信息</a></li>
          <li><a href="#%e6%8e%a5%e5%8f%a3%e7%94%a8%e4%be%8b">接口用例</a></li>
        </ul>
      </li>
      <li><a href="#zoomlacli-studio%e4%b9%8b%e8%bf%9c%e7%a8%8b%e6%9c%8d%e5%8a%a1%e7%ab%af%e9%85%8d%e7%bd%ae">Zoomla!CLI-Studio之远程服务端配置</a>
        <ul>
          <li><a href="#%e7%ac%ac%e4%b8%80%e6%ad%a5%e5%90%af%e7%94%a8%e8%bf%9c%e7%a8%8bjsonp%e6%8e%a5%e5%8f%a3">第一步：启用远程JSONP接口</a></li>
          <li><a href="#%e7%ac%ac%e4%ba%8c%e6%ad%a5%e9%85%8d%e7%bd%aeappid%e5%92%8capikey%e9%a1%b9">第二步：配置appid和apikey项</a></li>
        </ul>
      </li>
      <li><a href="#%e6%89%a9%e5%b1%95%e8%b5%84%e6%ba%90">扩展资源</a>
        <ul>
          <li><a href="#sassscss%e5%ae%98%e6%96%b9%e6%89%8b%e5%86%8c">sass/scss官方手册</a></li>
          <li><a href="#boostrap-%e4%b8%ad%e5%9b%bd%e7%ab%99">Boostrap 中国站</a></li>
          <li><a href="#zico%e5%9b%be%e6%a0%87%e5%ba%93">zico图标库</a></li>
          <li><a href="#uni%e5%85%a8%e7%90%83%e5%ad%97%e7%a0%81%e8%a1%a8">Uni全球字码表</a></li>
          <li><a href="#webfont%e5%ad%97%e4%bd%93%e5%bc%95%e7%94%a8">webfont字体引用</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

<!-- /TOC -->

<h1 id="zoomlacli-studio接口使用说明">ZoomlaCLI-Studio接口使用说明</h1>
<h2 id="版本信息">版本信息</h2>
<p>接口版主程序版本：v8.1.3
匹配逐浪CMS版本：V8.1.3</p>

<h2 id="文档结构说明">文档结构说明</h2>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>|-- dis             //目录编译输出
|-- src             //主要开发目录
|   |-- App.vue
|   |-- main.js
|   |-- assets      //资源目录，放自定义开发资源
|       |-- images  //自定义图片资源，项目build后会加上md5字符串编译
|       |-- global.scss  //全局CSS，逐浪CMS卓越前端不采用分散CSS编译
|       |-- _zoomlaCMS.scss  //逐浪SCSS之mixin混合文件
|   |-- assets
|   |-- components  //组件目录，带全局组件，本案中如ZoomlaFoot.vue、ZoomlaKefu.vue、Zoomla_plus_iteam.vue均代表不同的组件
|   |-- models      //与远程jsonp接口配置项
|   |-- plugins     //扩展插件
|   |-- router      //路由定义，相当于栏目节点定义
|   |-- views       //页面配置，相当于节点/频道/内容模板
|   |-- App.vue     //全局vue文件，相当于全站模板
|   |-- main.js     //全局组件插件配置，相当于逐浪CMS的全局配置。
</code></pre></div></div>

<h2 id="zoomlacli-studio中的models接口配置项说明">ZoomlaCLI-Studio中的models接口配置项说明</h2>
<blockquote>
  <p>此处于配置接口，用于实现与远程服务端的内容交互（如果您不需要支持访客留言、内容更新，则可以忽略这一段，当然我们推荐使用此配置项，从而使站点拥有强大的功能）。</p>
</blockquote>

<h3 id="配置文件">配置文件</h3>
<p>models目录位于<code class="highlighter-rouge">/src/models</code>位置。
下面有三个文件：</p>
<ul>
  <li>common.js</li>
  <li>HTTP.js</li>
  <li>Regex.js</li>
</ul>

<p>远程jsonp接口配置文件主要在<code class="highlighter-rouge">common.js</code>
打开<code class="highlighter-rouge">common.js</code>文件，在第16行位置，可以看到如下信息：</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>const baseUrl = 'http://网址/API/WXAPP?apiId=eecabae94e760d1c50157f35b5d4aa72&amp;apiKey=c13b007c8feb97803c24f76735a820b2&amp;action=';
		let url = baseUrl+action;
</code></pre></div></div>
<h3 id="接口信息">接口信息</h3>
<p>从上面可以看到，一个完整的接口包括以下三个部份信息：</p>
<ul>
  <li>url信息，即上面的“网址”字段，这是你的服务端网址</li>
  <li>appid，这需要您的Zoomla!逐浪CMS后台分配</li>
  <li>apikey，这需要您的Zoomla!逐浪CMS后台分配</li>
</ul>

<h3 id="接口用例">接口用例</h3>
<p>从上面接口中，我们可以加不同的调式用例，实现不同的远程信息调用：</p>
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code># 模型列表
http://网址/API/WXAPP?apiId=eecabae94e760d1c50157f35b5d4aa72&amp;apiKey=c13b007c8feb97803c24f76735a820b2&amp;action=model_list  

# 节点列表
http://网址/API/WXAPP?apiId=eecabae94e760d1c50157f35b5d4aa72&amp;apiKey=c13b007c8feb97803c24f76735a820b2&amp;action=node_list  

# 父节点下多节点列表
http://网址/API/WXAPP?apiId=eecabae94e760d1c50157f35b5d4aa72&amp;apiKey=c13b007c8feb97803c24f76735a820b2&amp;action=node_list&amp;pid=1

# 内容读取
http://网址/API/WXAPP?apiId=eecabae94e760d1c50157f35b5d4aa72&amp;apiKey=c13b007c8feb97803c24f76735a820b2&amp;action=content_list&amp;pnid=[节点ID]
</code></pre></div></div>
<p><strong>注以上文档中的appid和apikey均为临时信息，不同站点配置信息不同，需要自定义配置 。</strong></p>

<h2 id="zoomlacli-studio之远程服务端配置">Zoomla!CLI-Studio之远程服务端配置</h2>
<p>为增强安全，Zoomla!逐浪CMS远程JSONP接口并非默认开通，需要站长根据需求，手动开通，并配置相关信息，才可以使用。</p>

<h3 id="第一步启用远程jsonp接口">第一步：启用远程JSONP接口</h3>
<p><img src="01-开启接口.jpg" alt="01-开启接口" /></p>

<h3 id="第二步配置appid和apikey项">第二步：配置appid和apikey项</h3>
<p><img src="02-获取appid和apikey.jpg" alt="02-获取appid和apikey" /></p>

<blockquote>
  <p>注：Zoomla!逐浪CMS每个分行版本，可能接口和UI会有改进和调整，相关信息敬请访问  www.z01.com   官网，或通过下面方法获得服务：</p>
</blockquote>

<p>官网：www.z01.com
帮助中心： http://help.z01.com
快手抖音B站和youtube搜索：最帅程序员发哥</p>

<p>QQ交流群号：
<a href="https://jq.qq.com/?_wv=1027&amp;k=5Ephzpq"><img src="https://img.shields.io/badge/一群-541450128-blue.svg?style=for-the-badge&amp;logo=appveyor" alt="加入QQ群" /></a>   <a href="https://jq.qq.com/?_wv=1027&amp;k=50a28BK"><img src="https://img.shields.io/badge/二群-601781959-blue.svg?style=for-the-badge&amp;logo=appveyor" alt="加入QQ群" /></a></p>

<p>官方QQ客服：
<a href="http://wpa.qq.com/msgrd?v=3&amp;uin=745151353&amp;site=qq&amp;menu=yes"><img src="https://img.shields.io/badge/官方QQ客服1-524979923-red.svg?style=for-the-badge&amp;logo=appveyor" alt="官方QQ客服1" /></a>  <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1799661890&amp;site=qq&amp;menu=yes"><img src="https://img.shields.io/badge/官方QQ客服2-1799661890-red.svg?style=for-the-badge&amp;logo=appveyor" alt="官方QQ客服2" /></a></p>

<p>电话：021-50391046、13177777714</p>

<h2 id="扩展资源">扩展资源</h2>
<h3 id="sassscss官方手册">sass/scss官方手册</h3>
<p>sass/scss官方手册 http://code.z01.com/sass</p>
<h3 id="boostrap-中国站">Boostrap 中国站</h3>
<p>Boostrap 中国站 http://code.z01.com/v4</p>
<h3 id="zico图标库">zico图标库</h3>
<p>zico图标库 http://ico.z01.com</p>
<h3 id="uni全球字码表">Uni全球字码表</h3>
<p>Uni全球字码表 http://www.ziti163.com/uni</p>
<h3 id="webfont字体引用">webfont字体引用</h3>
<p>webfont字体引用 http://www.ziti163.com/webfont</p>

